<template>
  <view class="app-container tenant-contract-page">
    <view class="contract-wrapper">
      <view class="contract-content" v-html="contract">
      </view>
    </view>


  </view>
</template>

<script>
import {tenantPaperContractDetail} from "@/api/mine/owner";

export default {
  data() {
    return {
      contract: null,
      contractId: null
    };
  },
  onLoad(options) {
    const contractId = options.id;
    this.contractId = contractId;
    this.tenantPaperContractDetail(contractId);
  },
  methods: {
    tenantPaperContractDetail(contractId) {
      tenantPaperContractDetail(contractId).then(res => {
        this.contract = res.data.contractContent;
      })
    }
  },
}
</script>

<style lang="scss" scoped>
.tenant-contract-page {
  padding: 20rpx;
  .contract-wrapper {
    .contract-content {
      padding: 20rpx;
      background-color: #fff;
      border-radius: 10rpx;
    }
  }
}

</style>